<script type="text/javascript" src="${basePath}/js/tds-monitor.js"></script>
<script type="text/javascript">
$(document).ready( function() {
	$("#monitorItem").combobox();
	$("#objectType").combobox({panelHeight: 60});
	$("#chartType").combobox({panelHeight: 60});
	$("#startTime").datetimebox();
	$("#endTime").datetimebox();
});
</script>
<div class="main_right_searchbar">
	<span>
		指标：<select id="monitorItem" name="monitorItem" style="width:200px;">
	    	<#if items??><#list items as item>
	    		<option value="${item.id}">${item.name}</option>
	    	</#list></#if>
	    </select>&nbsp;&nbsp;
		实体类型：<select id="objectType" name="objectType" style="width:120px;">
	   		<option value="SERVER">Server</option>
	   		<option value="POOL">Pool</option>
	    </select>
	</span>
	<span>
		图表类型：<select id="chartType" name="chartType" style="width:60px;">
	   		<option value="line">Line</option>
	   		<option value="pie">Pie</option>
	    </select>&nbsp;&nbsp;
		自定义标题：<input type="text" id="title" />&nbsp;&nbsp;
		起始时间：<input id="startTime" type="text" name="startTime" />&nbsp;&nbsp;
		结束时间<input id="endTime" type="text" name="endTime" />
	</span>
	<span>
		<input id="isReal" type="checkbox" />实时&nbsp;&nbsp;
		<select id="spanTime">
			<option value="30">30min</option>
			<option value="60">1h</option>
			<option value="120">2h</option>
		</select>
	</span>
    <span>
    	<a href="javascript:void(0);" onclick="monitor.genChart('#container');"><img src="${basePath}/css/images/search_btn.png" /></a>
    </span>
    <!-- <span><a href="#">高级搜索</a></span>  -->
</div>
<div id="container"></div>